// out: ../../css/personal_record.css, compress: true, sourceMap: false
@import '../common/common.less';
@import '../common/page_header.less';
@import '../common/page_banner.less';
.record-main-container {
    .eui-bar-tab {
        border-bottom: 1px solid #dcdcdc;
        .active {
            color: #2f92f8;
            &:before {
                position: absolute;
                content: '';
                display: block;
                bottom: 0;
                left: 50%;
                width: 1.333333rem;
                margin-left: -.666667rem;
                color: #3191fa;
                border-bottom: .053333rem solid #2f92f8;
            }
        }
    }
    .integral-record-content {
        .eui-table-view-cell {
            height: 1.066667rem;
            line-height: 1.066667rem;
            font-size: .346667rem;
            .eui-media-body {
                margin: 0 .466667rem;
                font-weight: normal;
                color: #000;
                &::before {
                    display: block;
                    content: '';
                    position: absolute;
                    left: -.2rem;
                    top: .48rem;
                    width: .106667rem;
                    height: .106667rem;
                    background: #d1dae8;
                    .eui--border-radius(50%);
                }
            }
            .eui-media-footer {
                position: absolute;
                right: .506667rem;
                top: 0;
                height: 100%;
                line-height: 1;
            }
            .eui-media-footer {
                font-size: .32rem;
                font-family: 'Arial';
            }
            .record-scroe {
                margin: .2rem 0 .1rem;
            }
        }
    }
    .gift-record-content {
        .eui-table-view-cell {
            padding: .346667rem .573333rem .2rem;
        }
        .eui-media {
            margin-bottom: .213333rem;
        }
        .eui--media-img {
            width: 1.066667rem;
            height: 1.066667rem;
            margin: .04rem .32rem 0 0;
        }
        .sequence-title{
            margin-right: .266667rem;
        }
        .sequence-num{
            background-color: #f8f8f8;
            border:1px solid #dcdcdc;
            padding:.026667rem .133333rem;
            width: 6.266667rem;                       
        }
        .eui--margin-b-10{
            margin-bottom: .133333rem;
        }
    }
    .check-tips {
        margin-top: 2rem;
        color: #bebebe;
    }
}